<!-- homepage part -->
<body>
    <div class="container-fluid">
        <div class="row clearfix">

          <div class="sidebar">

            <div class="sidebar-panel" id="scrollSpy-panel">
                <h3 class="sidebar-panel-title narrow-spacing-2">Visual Narrative Strategies</h3>
                <div class="sidebar-panel-group">
                    <a href="#" class="scrollSpy-btn">
                        <span class="scrollSpy-btn-symbol"></span>
                        <span class="scrollSpy-btn-stop"></span>
                        <span class="scrollSpy-btn-text">Emphasis (13)</span>
                    </a>
                    <a href="#" class="scrollSpy-btn">
                        <span class="scrollSpy-btn-symbol"></span>
                        <span class="scrollSpy-btn-stop"></span>
                        <span class="scrollSpy-btn-text">Suspense (5)</span>
                    </a>
                    <a href="#" class="scrollSpy-btn">
                        <span class="scrollSpy-btn-symbol"></span>
                        <span class="scrollSpy-btn-stop"></span>
                        <span class="scrollSpy-btn-text">Comparison (8)</span>
                    </a>
                </div>
            </div>

            <div class="sidebar-panel" id="filter-panel">
                <h3 class="sidebar-panel-title">Editorial Layers</h3>
                <div class="sidebar-panel-group">
                    <a href="#" class="filter-btn">
                        <span class="filter-symbol"></span>
                        <span class="filter-text">Elements of Visualization</span>
                    </a>
                    <a href="#" class="filter-btn">
                        <span class="filter-symbol"></span>
                        <span class="filter-text narrow-spacing-8">Elements added to Visualization</span>
                    </a>
                    <a href="#" class="filter-btn">
                        <span class="filter-symbol"></span>
                        <span class="filter-text">Camera</span>
                    </a>
                    <a href="#" class="filter-btn">
                        <span class="filter-symbol"></span>
                        <span class="filter-text">Timeline</span>
                    </a>
                </div>
            </div>

          </div>
          
          <div class="col column container-left" id="card-display">
            <!-- <div class="search-fail">(~_~)'`&nbsp;&nbsp;Sorry, nothing found.</div> -->
          </div>

        </div>

      </div>
</body>